<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      .div{
        width: 200px;
        height: 200px;
        border: 20px solid pink;
        background: red;
        padding: 20px;
      }
      .a{
        width: 100px;
        height: 100px;
        background: green;
      }
      .a-c{
        width: 50px;
        height: 50px;
        background: red;
        float: left;
      }
      .b{
        width: 100px;
        height: 100px;
        background: red;
      }
      span{
        margin: 10px;
        background: yellow;
        border: 1px solid red;
      }
    </style>
  </head>
  <body>
    <div class="a">
      <div class="a-c">

      </div>
    </div>
    <div class="b">

    </div>
    <span>
      span
    </span>
  </body>
</html>
